/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#009b4c;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;zoom:1;display:inline;font-size:0px;}

/* 滚动 */
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/* 【 重置 标签 】 */
h1,h2{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}

/* 【 主体 宽度 】*/
/* 普通站 */
.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}
/* 响应式 (max-width= 1440 + 15 * 2) */
/* .wh{max-width:1470px;margin:0 auto;padding:0 15px;} */

/* 图片 放大 效果 */
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}




/* 1【 头部 】 */
.top1{display: none;height: 27px;background: #e6e6e6;color: #595959;line-height: 27px;overflow: hidden;font-size: 13px;}
.top1 a{color:#595959;/* margin: 0 3px; */}
/* 2 */
.top2{display: none;height: 100px;/* overflow: hidden; */}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 100px;}
/* 广告语 */
.top2 .adv{display: none; height: 65px;margin-top: 21px;padding-left: 25px;margin-left: 25px;border-left: 1px solid #e6e6e6;}
.top2 .adv p:nth-child(1){font-size: 22px;color: #333333;font-weight: bold;letter-spacing: 1px;}
.top2 .adv p:nth-child(2){font-size: 14px;color: #808080;}
/* 电话 */
.top2 .phone1{font-size:26px;color:#ff0000;padding: 13px 0 0 48px;background: url(../images/main/phone1.png) no-repeat 5px 0px;margin-top: 32px;height: 50px;font-weight: bold;} 
.top2 .phone1 p{} /* 文字 */




/* 2【 导航栏 】 */
.nav{/* background: url(../images/main/nav_bg.png) repeat-x; */height:77px;background-color: #fff;position:relative;} /* 背景图片、高度 */
.nav .logo{/* display: none;  *//*Logo*/float: left;line-height: 77px;width: 16%;}
/* .nav .logo img{width: 100%;} */




/* 导航样式 */
.x-menu {
  float: right;width: 68%;
}

.x-menu > li {
  float: left;
}
.x-menu > li > a {
  display: block;
  padding: 0 10px;;
  font-size: 16px;
  color: #333333;
  line-height:77px;
  font-weight: bold;
  position: relative;
}
.x-menu > li > a:before{
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 0;
  height: 1px;
  display: block;
  border-bottom: 1px solid #fff100;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: -1;
}
.x-menu > li:hover > a {
  color: #fff100;
background:#0062ae; 
 
}
.x-menu > li > a:hover:before{width: 100%;}
.x-menu > li.active > a {
  /* color: #fff100;
  background: url(../images/navli.jpg) bottom center no-repeat; */
}



.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99;
  width: 150%;
  left: -25%;
  top: 65px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;
  line-height: 2;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  padding: .5em;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}




/*  */
.x-menu .sec {
    position: absolute;
    left:0px;
    top: 77px;
    width: 1920px;
   z-index: 999;
   background:#fafafa;
   display:none;
  }
  
  
  .x-menu .sec a {
    display: block;
  }
  
  .x-menu .sec .ha_hah {
    text-align: center;
      width: 1200px;
      margin:0 auto;

  
  }

  
  .x-menu .sec .ha_hah a:hover {
    color: #116ac8;
  }
  
  .x-menu .sec .wjhgehga {
      width: 1200px;
      margin:0 auto;
 
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 31px 0 31px 50px;
  }
  .x-menu .sec .wjhgehga .nac_a3{
      float: right;
      width: 342px;
      height: 210px;
      overflow: hidden;
  }
  .x-menu .sec .wjhgehga .nac_a3 img{
      max-width: 100%;
      transition: all 0.4s;
  }
  .x-menu .sec .wjhgehga .nac_a3:hover img{
    transition: all 0.4s;
transform: scale(1.1, 1.1);
  }
  .x-menu .sec .wjhgehga .nac_a2{
      width: 550px;
      padding-top: 20px;
  }
  
  
  .x-menu .sec .wjhgehga .nac_a1 {
    width: 183px;
    float: left;
  }
  
  .x-menu .sec .wjhgehga .nac_a1 .wehba {
    color: #0062ae;
    font: bold 24px/24px "微软雅黑";
    margin-top: 30px;
    /* background:url(//cdn.myxypt.com/df6ef955/21/04/166627749436358c407cf5e43cf0a9b4507ed42c.jpg) top left no-repeat; */
    padding-top: 32px;
    border-bottom: 5px solid #fff100;
  }
  
  
  
  
  .x-menu .sec .wjhgehga .nac_a2 .nac_list {
    float: left;
    width: 150px;
    margin-right: 46px;
    height: 40px;
    margin-bottom: 25px;
    
  }
  .x-menu .sec .wjhgehga .nac_a2 .nac_list:nth-child(3n){
      margin-right: 0;
  }
  .x-menu .sec .wjhgehga .nac_a2 .nac_list a {
    position: relative;
    text-align: center;
    color: #333333;
    font: 500 16px/40px "微软雅黑";
    border-bottom: 1px solid #333333;
    display: block;height:40px;overflow: hidden;
  }
  .x-menu .sec .wjhgehga .nac_a2 .nac_list a::before{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 1px;
    display: block;
    border-bottom: 1px solid #0062ae;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
  }


  
  .x-menu .sec .wjhgehga .nac_a2 .nac_list a:hover{
    border:none;
      color: #0062ae;
  }
  .x-menu .sec .wjhgehga .nac_a2 .nac_list a:hover::before{
    width: 100%;
  }
  
  
  
  
  


/* 【 中英文 切换 】*/
.language{/*隐藏*/}
.language a{padding: 0 0 0 22px;font-size: 16px;color: #383838;font-weight: bold;margin: 27px 0 0 0;background: url(  ) no-repeat center left;display:inline-block;float:left;}








/* 3【banner】 */
.banner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}
.banner .num{position:absolute;right:0;bottom:40px;z-index:100;text-align: center;width: 100%;}
.banner .num li{display:inline-block;margin:0 5px;width:61px;height: 6px; text-indent:-100px;overflow:hidden;background: #009b4c;}
.banner .num li.num_hover{background-color:#e15616;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:16px;height:16px;line-height:16px;}






/* 【 1 关于我们 】 */
.box1{clear: both;/* overflow: hidden; */padding: 0 0 50px 0;/* background: url(  ) no-repeat center top; *//* background-size: cover; */position: relative;}
/* 大标题 */
.box1 .bigTitle{/* text-align: center; */}
.box1 .bigTitle .eng{color: #E6E6E6;font-size: 70px;font-family: Impact;line-height: 79%;}
.box1 .bigTitle .title1{font-size: 40px;color: #111111;font-weight: bold;letter-spacing: 1px;background: url(  ) no-repeat center bottom;/* background-size: cover; *//* margin-top: -7px; */line-height: 1;margin: -26px 0 0 0;}
.box1 .bigTitle .title2{font-size: 18px;color: #0062ae;text-transform: uppercase;/* background: url(../images/main/line1.png) no-repeat center; */margin: 8px 0 0px 0;}
/*  */
.box1 .ll{width: 530px;}
/* 动态 数字 */
.listNumber{display: flex;padding: 0px 0 0 0;justify-content: space-between;margin: 15px 0 0 0;}
.listNumber li{display: table;float: left;/* width: 25%; */padding: 25px 0 29px 0;/* background-color: #02A856; */}
.listNumber a{display: table;text-align: center;margin: 0 auto;}
.listNumber .txt{display: table;margin: 0 auto;}
.listNumber h2{font-size: 36px;float: left;color: #0062ae;font-weight: bold;}
.listNumber h3{font-size: 22px;float: left;color: #0062ae;font-weight: normal;margin: 0px 0 0 2px;}
.listNumber h4{font-size: 14px;float: left;color: #111111;font-weight: normal;margin: 19px 0 0 3px;}
.listNumber h5{font-size: 16px;clear: both;color: #111111;font-weight: normal;margin: 10px 0 0 0;}
/* .listNumber li:nth-child(even){background-color: #00B85D;} */
/* .listNumber li:not(:first-child):not(:last-child) a{margin: 0 auto} */
/* .listNumber li:last-child a{float: right;} */
.box1 .newTxt{line-height: 2;margin: 1px 0 0 0;color: #2a2a2a;font-size: 15px;}
/*  */
.box1 .ll .more{color: #fff;line-height: 46px;background: url( //cdn.myxypt.com/df6ef955/21/04/5ca018f987f494af9e52fc9bbe68b88755c1b722.png ) no-repeat center top;height: 46px;width: 203px;margin: 40px 0 0 0;font-size: 15px;padding: 0 0 0 43px;transition: .4s;}
.box1 .ll .more:hover{margin-left: 10px;}
/* 碎片 */
.box1 .listSp{display: inline-block;margin: 0 0 0 0;padding:0 0 0 0;/*clear: both;*/width: 100%;display: flex;justify-content: space-between;padding: 30px 0;box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);margin: 45px 0 0 0;z-index: 99999;position:relative;background:#fff;}
.box1 .listSp li{display: inline-block;float: left;margin: 0 0 0 0;padding:0 0 0 0;transition: .4s;width: 16%;text-align: center;}
.box1 .listSp li a{display: inline-block;}
.box1 .listSp li .img{margin: 0 0 0 0;padding:0 0 0 0;filter: grayscale(1)brightness(1.3);transition: .3s;}
.box1 .listSp li .txt{margin: 0 0 0 0;padding:0 0 0 0;}
.box1 .listSp li h2{font-size: 18px;color: #111111;margin: 20px 0 0 0;padding:0 0 0 0;}
.box1 .listSp li+li{border-left: 1px solid #E5E5E5;}
.box1 .listSp li:hover .img{filter: grayscale(0)brightness(1);}
.box1 .listSp li:hover h2{color:#0062AE;}
/*  */
.box1 .videoGroup{position: absolute;top: -110px;left: 951px;z-index: 99;background: #fff;}
.box1 .titleVideo{font-size: 26px;color: #111111;margin: 0 0 0 0;padding:0 0 0 0;font-weight: bold;padding: 10px 0 10px 15px;display: none;}
.box1 .titleVideo span{color: #333333;margin: 0 0 0 5px;padding:0 0 0 0;font-weight: normal;}
.box1 .video{width: 50vw;height:629px;overflow: hidden;border-top: 8px solid #fff;
    border-left: 8px solid #fff;}
.box1 .video img{height:100%;width:100%;}
/* 【Slick】Tab切换 + 图片 轮播 */
.slick-Tab{margin: 45px auto 0;}
/* 【Tab 切换】 */
/*  */
.slick-Tab span{border-top: 1px solid #C5C5C5;width: 67%;display: inline-block;float: right;margin: 22px 5px 0 0;}
.slick-Tab .more{font-size: 14px;color: #515151;margin: 11px 0 0 0;padding:0 0 0 0;float: right;}
.slick-Tab .more:hover{color:#0062AE;}
/*  */
.slick-Tab .tab-li{margin: 0% 0 0% 0;float: left;width: 27%;}
.slick-Tab .tab-li ul{/* display: flex;justify-content: space-between; *//* text-align: center; */}
.slick-Tab .tab-li ul li{display: inline-block;font-size: 19px;color: #353535;/* float: left; */margin: 0 -1.5%;text-align: center;border-radius: 10px;height: 42px;line-height: 35px;padding: 1% 6%;transition: .3s;}
 .slick-Tab .tab-li ul li:hover,.slick-Tab .tab-li ul li.active{cursor: pointer;background: #0062AE;color: #fff;font-weight: bold;border-radius: 222px;}
/* 【图片 轮播】 */
.slick-Tab .tab-con{clear: both;}
.slick-Tab .tab-con .tab-main{height: 0;overflow: hidden;position: relative;width: 110%;padding: 0px 4%;left: -5%;}/* 必加项!!! */
.slick-Tab .tab-con .tab-main.active{height: auto;}/* 必加项!!! */
.slick-Tab .slickRoll1{margin-top: 2%;}
.slick-Tab .slickRoll1 li{display:inline;position: relative;margin: 0 0.2%;position: relative;padding: 10px 0 0 0;transition: .3s;}
.slick-Tab .slickRoll1 li h3{font-size:15px;text-align:center;line-height:50px;color:#333333;/* background:rgba(92, 113, 155, .7); *//* position: absolute;bottom: 0;left: 0;right: 0; */font-weight:normal;transition: .3s;}
.slick-Tab .slickRoll1 li .img{transition: .3s;}
.slick-Tab .slickRoll1 li .img img{width:100%;display:block;}
.slick-Tab .slickRoll1 li:hover .img{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
.slick-Tab .slickRoll1 li:hover h3{font-size: 18px;/* background-color: rgba(17, 52, 142, .7); */color: #0062AE;}
/* .picScroll-left{ overflow:hidden; position:relative;} */ /* 这个 估计是 无关 可删除的 */
/* 左右 箭头 */
.slick-arrow{background:none;outline: none;border:none;font-size: 0;}/* 两个箭头 */
.slick-Tab .slick-prev,
.slick-Tab .slick-next{width: 30px;height: 30px;position: absolute;top:44%;margin-top: -22px;z-index: 99999;}
.slick-Tab .slick-prev{background:url( //cdn.myxypt.com/df6ef955/21/04/fb8be906559fcc6243e34435c972f0c4ab2af395.png ) no-repeat top center;left: -46px;}
.slick-Tab .slick-next{background:url( //cdn.myxypt.com/df6ef955/21/04/ef9c8464d25bccbd948f0933386ad831a7da2fcc.png ) no-repeat top center;right: -46px;}
.slick-Tab .slick-prev:hover{background:url( //cdn.myxypt.com/df6ef955/21/04/71597f644fac866c7cc01b5fdb27202454101f62.png ) no-repeat top center;}
.slick-Tab .slick-next:hover{background:url( //cdn.myxypt.com/df6ef955/21/04/97a19aeecc822d5a4996f689ebe7f256daaa9249.png ) no-repeat top center;}




/* 【 2 产品展示 】 */
.box2{clear: both;overflow: hidden;padding: 95px 0 84px 0;background: url( //cdn.myxypt.com/df6ef955/21/04/922f918a88a90f91a6456926c5a4fed8ecd0f661.jpg ) no-repeat center top;/* background-size: cover; */background-size: cover;}
/* 大标题 */
.box2 .bigTitle{text-align: center;}
.box2 .bigTitle .eng{color: #E6E6E6;font-size: 70px;font-family: Impact;line-height: 0;}
.box2 .bigTitle .title1{font-size: 40px;color: #111111;font-weight: bold;letter-spacing: 1px;background: url(  ) no-repeat center bottom;/* background-size: cover; *//* margin-top: -7px; */line-height: 1;}
.box2 .bigTitle .title2{font-size: 18px;color: #0062ae;text-transform: uppercase;/* background: url(../images/main/line1.png) no-repeat center; */margin: 8px 0 0px 0;}
/*  */
.box2 .ll{float: left;background: url( //cdn.myxypt.com/df6ef955/21/04/c8ba0bc48347bbdffe9132e4b5668d514ac7b605.png ) no-repeat center top;width: 393px;padding: 0 0 0 22px;background-size: cover;margin: 40px 0 0 0;}
.box2 .ll h6{font-size: 36px;color: #fff;margin: 0 0 20px 0;padding:0 0 0 0;font-weight: bold;background: url( //cdn.myxypt.com/df6ef955/21/04/57a1356b6a4e4c0bd98cc7242ee98fddea671df6.png ) no-repeat center top;width: 269px;text-align: center;height: 67px;line-height: 67px;}
.box2 .ll ul{display: inline-block;margin: 0 0 0 0;padding:0 0 0 0;/*clear: both;*/}
.box2 .ll ul a{display: inline-block;float: left;margin: 0 0 0 0;padding:0 0 0 0;transition: .4s;}
.box2 .ll ul a h2{font-size: 16px;color: #333333;margin: 0 0 0 0;padding:0 0 0 12px;width: 292px;height: 45px;line-height: 45px;transition: .3s;font-weight: bold;}
/* .box2 .ll ul a+a{margin-left: 10px;} */
.box2 .ll ul a:hover h2{background: url( //cdn.myxypt.com/df6ef955/21/04/bffb2dfedcff0b3ff3144feb7b3270b4c988b1ba.png ) no-repeat center top;color: #fff;}
/*  */
.box2 .phone{padding: 10px 0 10px 15px;/* background: url( //cdn.myxypt.com/df6ef955/21/04/72b3bf3392edaf1c990ee7c8b2c9382a399da0c6.png ) no-repeat center top; */background-color: #0062AE;margin: 0 0 0 -22px;width: 313px;}
.box2 .phone p{color: #FDF003;font-size: 22px;}
.box2 .phone p:nth-child(2){margin-top: 5px;}
/*  */
.box2 .rr{float: right;width: 782px;margin: 40px 0 0 0;}
.box2 .rr ul{display: inline-block;margin: 16px 0 0 0;padding:0 0 0 0;/*clear: both;*/}
.box2 .rr ul li{display: inline-block;width:376px;float: left;margin: 0 30px 26px 0;padding:0 0 0 0;transition: .4s;}
.box2 .rr ul li a{display: inline-block;}   
.box2 .rr ul li .img{margin: 0 0 0 0;padding:0 0 0 0;}
.box2 .rr ul li .img  img{width:100%;}
.box2 .rr ul li h2{font-size: 16px;color: #333333;margin: 0 0 0 0;padding: 0 0 0 18px;height: 50px;line-height: 50px;border: 1px solid #D3D3D3;border-radius: 0 0 3px 3px;background: #fff url(//cdn.myxypt.com/df6ef955/21/04/04d6b6e0eb9f2b38ae8b1066aba1e7287cea048a.png) no-repeat 348px 18px;}
.box2 .rr ul li:nth-child(2n){margin-right: 0;}
.box2 .rr ul li:hover{box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);}
.box2 .rr ul li:hover h2{color: #FDF003;background: #0062AE url(//cdn.myxypt.com/df6ef955/21/04/78d524d402a51ce98168f186d366a63ff064c883.png) no-repeat 348px 18px;border-color: #fff;}
.box2 .rr ul li:hover .img  img{ transform:scale(1.2);}




/* 【 3 安全与智能模板的专业供货商 】 */
.box3{clear: both;overflow: hidden;padding: 50px 0 50px 0;background: url( //cdn.myxypt.com/df6ef955/21/04/808fa81d0373d0114c4266707c51851e6343f7c3.png ) no-repeat center top;/* background-size: cover; */text-align: center;background-size: cover;}
.box3 p{font-size: 18px;color: #fff;margin: 20px 0 0 0;padding:0 0 0 0;}




/* 【 4 工程业绩 】 */
.box4{clear: both;overflow: hidden;padding: 95px 0 75px 0;/* background: url(  ) no-repeat center top; *//* background-size: cover; */background-color: #F2F2F2;}
.box4 {}
/* 大标题 */
.box4 .bigTitle{text-align: center;}
.box4 .bigTitle .eng{text-transform: uppercase;color: #E6E6E6;font-size: 70px;font-family: Impact;line-height: 0;}
.box4 .bigTitle .title1{font-size: 40px;color: #111111;font-weight: bold;letter-spacing: 1px;background: url(  ) no-repeat center bottom;/* background-size: cover; *//* margin-top: -7px; */line-height: 1;}
.box4 .bigTitle .title2{font-size: 18px;color: #0062ae;text-transform: uppercase;/* background: url(../images/main/line1.png) no-repeat center; */margin: 12px 0 0px 0;}
/* case */
.box4 .list1{display: inline-block;margin: 50px 0 0 0;padding:0 0 0 0;/*clear: both;*/}
.box4 .list1 a{display: inline-block;float: left;margin: 0 0 15px 14px;padding:0 0 0 0;transition: .4s;width: 388px;height: 189px;position: relative;}
.box4 .list1 a .img{margin: 0 0 0 0;padding:0 0 0 0;filter: brightness(.5);transition: .3s;width: 100%;height: 100%;}
.box4 .list1 a .img img{width: 100%;height: 100%;}
.box4 .list1 a .txt{margin: 0 0 0 0;padding:0 0 0 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.box4 .list1 a h2{font-size: 30px;color: #fff;margin: 0 0 0 0;padding:0 0 0 0;transition: .3s;}
.box4 .list1 a .icon{background: url( //cdn.myxypt.com/df6ef955/21/04/cbc895ab307c747b1f65a01d3479631a091e4a5b.png ) no-repeat center top;width: 50px;height: 50px;margin: 0 auto;transform: scale(.8);filter: grayscale(80%)brightness(111);}
.box4 .list1 a:hover .img{filter: brightness(1);}
.box4 .list1 a:hover h2{color: #fff100;}
.box4 .list1 a:nth-child(1) h2{font-size: 34px;}
.box4 .list1 a:hover .icon{filter: brightness(1);}
.box4 .list1 a:nth-child(1) .icon{transform: scale(1);margin-top: 11px;}
.box4 .list1 a:nth-child(1){width: 798px;height: 597px;margin-left: 0;}
.box4 .list1 a:nth-child(5){margin-left: 0;}
.box4 .list1 a:nth-child(6),
.box4 .list1 a:nth-child(7){margin-left: 18px;}
/* 图片 滚动 无缝 1 */
.roll1 {width:1200px;margin: 0 auto;position: relative;clear: both;}
/* 左右 按钮 */
.roll1 .hd{display: table;}
.roll1 .next {left: -48px;background: url(//cdn.myxypt.com/df6ef955/21/04/b566127c45c864c493db2a2159c2702fbc660a58.png) no-repeat;display: block;width: 20px;height: 40px;position: absolute;top: 47px;cursor: pointer;z-index: 99;}
.roll1 .prev {right: -48px;background: url(//cdn.myxypt.com/df6ef955/21/04/c343a572cf08d0ba4d3dfadbde50eb34407c68c7.png) no-repeat;display: block;width: 20px;height: 40px;position: absolute;top: 47px;cursor: pointer;z-index: 99;}
.roll1 .next:hover{background: url(//cdn.myxypt.com/df6ef955/21/04/9eef3e355d8a05a227081b0b64859320ca1f721b.png) no-repeat;}
.roll1 .prev:hover{background: url(//cdn.myxypt.com/df6ef955/21/04/3a64a4cd0284e312d827b7a467459ac25fe31491.png) no-repeat;}
/* 内容 */
.roll1 .bd{margin-top: 5px;overflow: hidden;}
.roll1 ul li{width: 225px;float: left;margin-right: 17px;/* position: relative; */border: 1px solid #CCCCCC;transition: .3s;}
.roll1 ul li img {height: 121px;display: block;transition: all 0.5s;width: 100%;}
.roll1 ul h3{height: 41px;background-color: #ffffff;font-size: 14px;text-align: center;line-height: 41px;color: #595959;/* border: 1px solid #e6e6e6; */width: 100%;/* position: absolute;bottom: 0; */}
.roll1 ul li:hover h3{background-color: #cfa044;color: #fff;/*  border-color:#cfa044; */}
.roll1 ul li:hover{border: 1px solid #0062AE;}




/* 【 5 新闻资讯 】 */
.box5{clear: both;overflow: hidden;padding: 90px 0 70px 0;/* background: url(  ) no-repeat center top; *//* background-size: cover; */}
.box5 {}
/* 大标题 */
.box5 .bigTitle{text-align: center;}
.box5 .bigTitle .eng{text-transform: uppercase;color: #E6E6E6;font-size: 70px;font-family: Impact;line-height: 0;}
.box5 .bigTitle .title1{font-size: 40px;color: #111111;font-weight: bold;letter-spacing: 1px;background: url(  ) no-repeat center bottom;/* background-size: cover; *//* margin-top: -7px; */line-height: 1;}
.box5 .bigTitle .title2{font-size: 18px;color: #0062ae;text-transform: uppercase;/* background: url(../images/main/line1.png) no-repeat center; */margin: 12px 0 0px 0;}
/*  */
.box5 ul{display: inline-block;margin: 40px 0 0 0;padding:0 0 0 0;/*clear: both;*/}
.box5 ul li{display: inline-block;float: left;margin: 0 0 0 0;padding:0 0 0 0;transition: .4s;width: 376px;}
.box5 ul li a{display: inline-block;}
.box5 ul li .img{margin: 0 0 0 0;padding:0 0 0 0;}
.box5 ul li .img img{width:100%;}
.box5 ul li .txt{margin: 0 0 0 0;padding:0 0 0 0;}
.box5 ul li h2{font-size: 18px;color: #333333;margin: 20px 0 0 0;padding:0 0 0 0;transition: .3s;}
.box5 ul li h3{font-size: 14px;color: #777777;margin: 9px 0 0 0;padding:0 0 0 0;height: 50px;overflow: hidden;line-height: 2;}
.box5 ul li h4{font-size: 14px;color: #999999;margin: 15px 0 0 0;padding:2px 0 0 25px;background: url( //cdn.myxypt.com/df6ef955/21/04/798fe26a55f8e1c2a7115a96c85632c78d60701b.png ) no-repeat center left;height: 19px;}
.box5 ul li+li{margin-left: 35px;}
.box5 ul li:hover h2{color: #0062AE;margin-left: 10px;}




/* 【 6 以客为上 合作共赢 】 */
.box6{clear: both;overflow: hidden;padding: 65px 0 50px 0;background: url( //cdn.myxypt.com/df6ef955/21/04/ccfb2be71fa0da1770ca149ae94367da1dc65103.png ) no-repeat center top;/* background-size: cover; */text-align: center;height: 300px;background-attachment: fixed;background-size: cover;}
.box6 h2{font-size: 56px;color: #fff100;margin: 0 0 0 0;padding:0 0 0 0;font-weight: bold;}
.box6 h3{font-size: 20px;color: #fff;margin: 10px 0 0 0;padding:0 0 0 0;}
.box6 p{font-size: 20px;color: #fff100;margin: 15px 0 0 0;padding:0 0 0 0;}




/* 【 7 联系我们 】 */
.box7{clear: both;overflow: hidden;padding: 75px 0 35px 0;/* background: url(  ) no-repeat center top; *//* background-size: cover; */background-size: cover;}
.box7 .wh{background-color: rgba(0, 98, 174, .75);padding: 30px 60px 45px 60px;display: table;}
/*  */
.box7 .ll{float: left;}
.box7 .ll .phone{display: inline-block;}
.box7 .ll .phone .img{float: left;background: url( //cdn.myxypt.com/df6ef955/21/04/1bcce35b386a834d2b5eb64fb56985931aae2f55.png ) no-repeat center top;width: 73px;height: 68px;}
.box7 .ll .phone .txt{float: left;margin: 0 0 0 10px;}
.box7 .ll .phone .txt h2{font-size: 16px;color: #FFFFFF;margin: 10px 0 0 0;padding:0 0 0 0;}
.box7 .ll .phone .txt p{font-size: 30px;color: #FFF100;margin: 3px 0 0 0;padding:0 0 0 0;font-weight: bold;font-family: Arial;}
.box7 .ll .contact{width: 386px;font-size: 16px;color: #fff;line-height: 1.7;}
/*  */
.box7 .rr{display: inline-block;float: right;margin: 0 15px 0 0;}
.box7 .rr li{display: inline-block;}
.box7 .rr li p{}
.box7 .rr li p img{width: 234px;height: 234px;}
.box7 .rr li h2{font-size: 16px;color: #fff;margin: 15px 0 0 0;padding:0 0 0 0;text-align: center;}
.box7 .rr li+li{margin-left: 50px;}




/* 【 友情链接 1 】 */
.f_link1{color: #000000;font-size: 18px;padding: 10px 0;background-color: #F2F2F2;}
.f_link1 span{color: #0062AE;text-transform: uppercase;}
.f_link1 a{color: #686464;font-size: 15px;}
.f_link1 a+a{margin-left: 10px;}
.f_link1 a:hover{color: #0062AE;}




/* 【 页脚 】 */
/* 导航 */
.footerNav{background-color: #2b7ce2;display: none;/*隐藏*/}
.footerNav .wh{display: flex;}
.footerNav a{color: #fff;font-size: 14px;flex: 1;display: table;height: 45px;line-height: 45px;text-align: center;transition: .5s;}
.footerNav a:hover{background-color: #0855b6;transition: .5s;}
/* Box */
.footer{text-align:left;background-color: #2E2E2E;padding-top: 40px;color: #fff;}
.footer .wh{/* display: table; */}
/* Logo */
.footer .logo{}
/* 联系我们 */
.footer .contactUs{margin-left: 40px;margin-right: 30px;}
.footer .contactUs h2{font-size: 16px;font-weight: bold;}
.footer .contactUs h3{font-size: 14px;line-height: 247%;margin-top: 20px;}
/* 电话 */
.footer .endPhone{font-size: 20px;padding: 23px 0 0 54px;font-weight: bold;background: url(../images/main/endPhone1.png) no-repeat top left;}
/* 【 栏目 分类 】 */
.f_nav{/* width: 696px; *//* display: none; *//*隐藏*/margin: 50px 0 0 0;}
.f_nav dl{float:left;width:144px;/* height:186px; */overflow:hidden;text-align:left;}
.f_nav dl a{color: #fff;}
.f_nav dt{margin-bottom: 19px;font-size: 18px;} /* 标题 */
/* .f_nav dt a{color:#999999;} */
.f_nav dd{line-height: 200%;/* text-align: left; */}
.f_nav dd a{font-size:14px;color: #9B9B9B;}  /* 列表 */
/* 二维码 */
.qrcode{}
/* 左侧 文字 */
.qrcode .txt_Left{float: left;margin-right: 5px;margin-top: 10px;background: url(../images/main/qrcode_pic1.png) no-repeat center top;padding-top: 20px;}    
.qrcode .txt_Left{  width: 14px; line-height: 14px;    font-size: 14px;}  /* 文字 竖排 */
/* 图片 */
.qrcode .code1{width: 100px;overflow: hidden;float: left;}  /*  大小 */
.qrcode .code1 img{height: 100px;border:1px #e6e6e6 solid;width: 100%;height: 100%;overflow: hidden;}  /*  边框 */
/* 底部 文字 */
.qrcode .txt_bottom{clear: both;text-align: center;margin-top: 5px;font-size: 14px;}
/* 友情链接 */
.footer .link{/* font-size: 14px; *//* color: #cbcbcb; */clear: both;padding: 72px 0 0 0;}
.footer .link a{/* color: #cbcbcb; *//* font-size: 12px; */}
 /* 2 */
 .copyright{color: #9B9B9B;font-size: 14px;text-align:center;line-height:24px;border-top: 1px solid #ffffff35;padding: 13px 0;margin-top: 11px;clear: both;background-color: #2E2E2E;}
.copyright a{color: #9B9B9B;}
.copyright .group2{clear: both;/* width: 100%; */}
/* .copyright .group3{clear: both;} */
/* ======== 页脚 New ========= */
.footer{}
.footer .center{position: relative;transform: translateX(20%);}
.f_nav dd a{transition: .4s;}
.f_nav dd a:hover{color: #BEB414;}
.f_nav dl:nth-child(3){width: 237px;}
/* .f_nav dl:nth-child(2) dd:nth-child(10){float: left;} */
/* 【 关键字 + 搜索 】 */
/* 搜索 */
/* 容器 */
.search1 #formsearch{height: 40px;line-height: 41px;margin-right: 13px;margin-top: 17px;} 
.search1 #formsearch input::-webkit-input-placeholder {color:#9a9a9a;}
.search1 #formsearch textarea::-webkit-input-placeholder {color: #9a9a9a;}
/* 输入框 */
.search1 #keyword{width: 428px;height: 54px;color: #9a9a9a;font-size: 12px;margin-left: 10px;border: none;outline: none;background: none;line-height: 40px; /* border: 1px #2b7ce2 solid; */padding-left: 10px;background-color: #fff;} 
/* 按钮 */
.search1 #s_btn{width: 77px;height: 54px;margin-left: -13px;border: none;background: none;outline: none;line-height: 40px;background: url(  //cdn.myxypt.com/df6ef955/21/04/f8e264998e2de6f957280265f2c58ba105b62528.png  ) no-repeat center;/* background-color: #2b7ce2; */} 
/* 关键词 */
.footer .a3{line-height: 41px;margin-right: 6px;}
.footer .a3 a{color: #1c1b1b;font-size: 12px;}
.footer .a3 a:hover{color: #e80435;}
.footer .a3 a::after{content: "、";}
.footer .a3 a:last-child:after {content: none;}
/*  */
.hotMessage{clear: both;float: left;}
.f_nav dl:last-child{width: auto;}




/* 【 内页 】左侧 */
.container{/* width: 1200px!important; */margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}




/* 【 自适应 】*/
@media (max-width: 1440px) {}
@media (max-width: 1024px) {}
@media (max-width: 768px) {
    /* 响应式 头部 导航 高度 */
    body {padding-top: 60px;}
}
@media (max-width: 475px) {}
/* @media (max-width: 375px) {} */




/* 测试测试测试测试测试测试测试测试三二一  Main  一二三测试测试测试测试测试测试测试 */



.nybt span{display: none;}
.nybt{text-align: center;line-height: 50px;color: #333;font-weight: bold;font-size: 20px;margin-bottom: 20px; }




.xypg-product-list li .xx1,.xypg-case-list li .xx1{position: absolute;top:0px;left:0px;width:0%;height:1px;  background: #0062ae;transition:.2s;}
.xypg-product-list li:hover .xx1,.xypg-case-list li:hover .xx1{width: 100%;}
.xypg-product-list li .xx2,.xypg-case-list li .xx2{position: absolute;top:0px;right:0px;width:1px;height:1px;  background: #0062ae;transition:0.4s;}
.xypg-product-list li:hover .xx2,.xypg-case-list li:hover .xx2{height: 100%;}
.xypg-product-list li .xx3,.xypg-case-list li .xx3{position: absolute;bottom:0px;right:0px;width:0px;height:1px;  background: #0062ae;transition:0.6s;}
.xypg-product-list li:hover .xx3,.xypg-case-list li:hover .xx3{width: 100%;}
.xypg-product-list li .xx4,.xypg-case-list li .xx4{position: absolute;bottom:0px;left:0px;width:1px;height:1px;  background: #0062ae;transition:0.8s;}
.xypg-product-list li:hover .xx4,.xypg-case-list li:hover .xx4{height: 100%;}




/* 图片 旋转 */
.box1 .listSp li:hover img{animation: dth .6s ease 0s forwards;-webkit-animation: dth .6s ease 0s forwards;}
@keyframes dth {  
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(90deg);}
    100% {transform: rotateY(0deg);}
}
@-webkit-keyframes dth {
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(90deg);}
    100% {transform: rotateY(0deg);}